<div>
	<div class="panel panel-primary text-center">
		<div class="panel-heading">
			<span class="main-title"><span class="glyphicon glyphicon-cog"></span> {{'AgreementWarrantyType' | translate}}</span>
		</div>
	</div>
	<div class="panel panel-info">
		<div class="panel-body">
			<message-error-panel ng-model="message" auto-close="true"></message-error-panel>
			<div class="bot-10">
				<button type="button" class="btn btn-warning btn-sm" ng-click="add()">
					<span class="glyphicon glyphicon-plus-sign"></span>
				</button>
			</div>
			<table class="table table-striped">
				<thead>
					<tr>
						<th>#</th>
						<th>{{'AgreementWarrantyType.agreement' | translate}}</th>
						<th>{{'AgreementWarrantyType.warrantyType' | translate}}</th>
						<th>{{'AgreementWarrantyType.maxPaymentAmount' | translate}}</th>
						<th>{{'AgreementWarrantyType.maxPaymentNumber' | translate}}</th>
						<th>{{'options' | translate}}</th>
					</tr>
				</thead>
				<tbody>
					<tr class = "animate-pagination" ng-repeat="agreementWarrantyType in searchResults.results">
						<td>{{(searchResults.currentPage - 1) * searchResults.itemsPerPage + $index + 1}}</td>
						<td>{{agreementWarrantyType.agreement.description}}</td>
						<td>{{agreementWarrantyType.warrantyType.description | translate}}</td>
						<td>{{agreementWarrantyType.maxPaymentAmount | amount}}</td>
						<td>{{agreementWarrantyType.maxPaymentNumber}}</td>
						<td class="vert-align">
							<button type="button" class="btn btn-warning btn-sm" ng-click="edit(agreementWarrantyType)">
								<span class="glyphicon glyphicon-edit"></span>
							</button>
						</td>
					</tr>
				</tbody>
			</table>
			<search-result-pagination></search-result-pagination>
		</div>
	</div>
</div>